/* m-reset.css v1.0.3 | MIT License | https://gitee.com/bugeiguojiatuohoutui/m-reset.css */

/* minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */
html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}ul{list-style:none}button,input,select{margin:0}html{box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}img,video{height:auto;max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

/* 上面的开源项目全部用 border-box，个人使用时还需要经常使用默认，因为设计稿给的时候就单独标注了 padding width */
html{box-sizing: content-box;}
/* 上面的开源项目没写 ol，个人用的挺多的 */
ol {list-style: none}

/* 需要时拷贝到点击元素上，这里只是备注 */
html {-webkit-tap-highlight-color: rgba(0,0,0,0);}

/* 处理刘海屏，这里只是备注 */
/*
body {
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
}
*/
/*
constant：小于IOS11.2版本生效
env：大于IOS11.2版本生效
还需要配合 <meta name="viewport" content="viewport-fit=cover>
*/

/* iOS 下修改字号导致页面文本溢出问题 和 通用字体字号 */
body {-webkit-text-size-adjust:100% !important; -webkit-font-smoothing: antialiased; font-size:14px; line-height: 1.5;}

/* 去除 iOS 默认 input 样式 */
input[type="submit"], input[type="reset"], input[type="button"], input:focus, button:focus, select:focus, textarea:focus {outline: none;}
input {-webkit-appearance: none; resize: none; border-radius: 0;}

/* 1px 边框问题，只需要修改案边框颜色、圆角弧度，推荐 mixins 方式传参 */
.border-top-1px,
.border-right-1px,
.border-bottom-1px,
.border-left-1px,
.border-all {
  position: relative;
}

.border-top-1px::before,
.border-right-1px::before,
.border-bottom-1px::before,
.border-left-1px::before,
.border-all::before {
  content: '';
  display: block;
  position: absolute;
  transform-origin: 0 0;
}

.border-top-1px::before {
  border-top: 1px solid #000;
  left: 0;
  top: 0;
  width: 100%;
  transform-origin: 0 top;
}

.border-right-1px::before {
  border-right: 1px solid #000;
  top: 0;
  right: 0;
  height: 100%;
  transform-origin: right 0;
}

.border-bottom-1px::before {
  border-bottom: 1px solid #000;
  left: 0;
  bottom: 0;
  width: 100%;
  transform-origin: 0 bottom;
}

.border-left-1px::before {
  border-left: 1px solid #000;
  top: 0;
  left: 0;
  height: 100%;
  transform-origin: left 0;
}

.border-all::before {
  border: 1px solid #000;
  border-radius: 20px;
}

@media (min-resolution: 2dppx) {

  .border-top-1px::before,
  .border-right-1px::before,
  .border-bottom-1px::before,
  .border-left-1px::before,
  .border-all::before {
    transform: scale(.5) translateZ(0);
  }

  .border-top-1px::before,
  .border-bottom-1px::before,
  .border-all::before {
    width: 200%;
  }

  .border-right-1px::before,
  .border-left-1px::before,
  .border-all::before {
    height: 200%;
  }
}


@media (min-resolution: 3dppx) {

  .border-top-1px::before,
  .border-right-1px::before,
  .border-bottom-1px::before,
  .border-left-1px::before,
  .border-all::before {
    transform: scale(.3333) translateZ(0);
  }

  .border-top-1px::before,
  .border-bottom-1px::before,
  .border-all::before {
    width: 300%;
  }

  .border-right-1px::before,
  .border-left-1px::before,
  .border-all::before {
    height: 300%;
  }
}


/* 此外还需要设置通用字体颜色，链接颜色等 */